<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>中因医院</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="/layui/css/layui.css" media="all">
		<!-- 地址栏显示 -->
		<link rel="Shortcut Icon" href="/images/hospital.png" type="image/x-icon" />
		<!-- 收藏栏也显示 -->
		<link rel="Bookmark" href="/images/hospital.png" type="image/x-icon" />
	</head>
	<body>
		<div class="layui-layout layui-layout-admin">
			<div class="layui-header">
				<div class="layui-logo layui-hide-xs layui-bg-black"><img class="lowin-brand" src="/sb-admin-2/img/hospitalLogo.png" style="width:45px; height: 39px;" alt="logo">中因医院</div>
				<!-- 头部区域（可配合layui 已有的水平导航） -->
				<ul class="layui-nav layui-layout-right">
					<li class="layui-nav-item layui-hide layui-show-md-inline-block">
						<a href="javascript:;" id="adminname">
							<img src="http://t.cn/RCzsdCq" class="layui-nav-img">
						</a>
						<dl class="layui-nav-child">
							<dd><a href="/view/userInfo.html">个人中心</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item"><a href="/logout">退出登录</a></li>
				</ul>
			</div>
			<div class="layui-side layui-bg-black">
				<div class="layui-side-scroll">
					<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
					<ul class="layui-nav layui-nav-tree" lay-filter="treenav" id="menu">
						<span class="layui-nav-bar"></span>
					</ul>
				</div>
			</div>
			<div class="layui-tab layui-tab-brief" lay-filter="contentnav" lay-allowClose="true"
				style="margin-left:200px;margin-top:55px;">
				<ul class="layui-tab-title">
					<li class="layui-this">首页</li>
				</ul>
				<ul class="layui-bg-green rightmenu" style="display: none;position:absolute;">
					<li data-type="closethis">关闭当前</li>
					<li data-type="closeall">关闭所有</li>
				</ul>
				<div class="layui-tab-content" style="padding:0;">
					<div class="layui-tab-item layui-show">
						<iframe data-frameid="2" scrolling="auto" frameborder="0" src="/view/main2.html"
							style="width: 100%; height: 680px;"></iframe>
					</div>
				</div>
			</div>
			<div class="layui-footer">
				<!-- 底部固定区域 -->
				底部固定区域
			</div>
		</div>
		<script src="/layui/layui.js" charset="utf-8"></script>
		<script>
			layui.use(['jquery', 'element'], function() {
				var element = layui.element;
				var $ = layui.jquery;

				//jquery ajax ：$.ajax $.get
				$.get('/getUser', function(res) {
					$("#adminname").append(res.data.username);
				});

				$.ajax({
					url: 'getUidMenu', //请求地址
					type: 'get', //请求方式
					dataType: 'json', //希望服务器返回的数据类型
					success: function(res) {
						// 与服务器构建连接成功
						if (res.status == 1) {
							$.each(res.data, function(i, obj) {
								if (obj.menuType == 'M') {
									var html = '<li class="layui-nav-item"><a href="javascript:;">'+obj.menuName+' <i class="layui-icon layui-icon-down layui-nav-more"></i></a><dl class="layui-nav-child" id="M'+obj.menuId+'"></dl></li> '
									$('#menu').append(html);
								} else if (obj.menuType == 'C') {
									var chtml = '<dd class="layui-nav-item"><a href="javascript:;" class="site-url" data-title="'+obj.menuName+'" data-id="'+obj.menuId+'" data-url="'+obj.url+'">'+obj.menuName+'</a></dd>';
									$('#M' + obj.parentId).append(chtml);
								}
							});
							element.render();
						}
					}
				});
				var active = {
					tabAdd: function(url, id, name) {
						element.tabAdd('contentnav', {
							title: name,
							content: '<iframe data-frameid="' + id + '" scrolling="auto" frameborder="0" src="' + url + '" style="width:100%;"></iframe>',
							id: id
						});
						rightMenu();
						iframeWH();
					},
					tabChange: function(id) {
						element.tabChange('contentnav', id);
					},
					tabDelete: function(id) {
						element.tabDelete('contentnav', id);
					},
					tabDeleteAll: function(ids) {
						$.each(ids, function(index, item) {
							element.tabDelete('contentnav', item);
						});
					}
				};
				// 当类名为site_url的元素被点击
				$(document).on("click", ".site-url", function() {
					var nav = $(this);
					var length = $("ul.layui-tab-title li").length;
					if (length <= 0) {
						active.tabAdd(nav.attr("data-url"), nav.attr("data-id"),
							nav.attr("data-title"));
					} else {
						var isData = false;
						$.each($("ul.layui-tab-title li"), function() {
							if ($(this).attr("lay-id") == nav.attr("data-id")) {
								isData = true;
							}
						});
						if (isData == false) {
							active.tabAdd(nav.attr("data-url"), nav.attr("data-id"),
								nav.attr("data-title"));
						}
						active.tabChange(nav.attr("data-id"));
					}
				});

				function rightMenu() {
					//右击弹出
					$(".layui-tab-title li").on('contextmenu', function(e) {
						var menu = $(".rightmenu");
						menu.find("li").attr('data-id', $(this).attr("lay-id"));
						l = e.clientX;
						t = e.clientY;
						menu.css({
							left: l,
							top: t
						}).show();
						return false;
					});
					//左键点击隐藏
					$("body,.layui-tab-title li").click(function() {
						$(".rightmenu").hide();
					});
				}
				$(document).on('click', '.rightmenu li', function() {
					// $(".rightmenu li").click(function () {
					if ($(this).attr("data-type") == "closethis") {
						active.tabDelete($(this).attr("data-id"));
					} else if ($(this).attr("data-type") == "closeall") {
						var tabtitle = $(".layui-tab-title li");
						var ids = new Array();
						tabtitle.each(function(i) {
							ids.push($(this).attr("lay-id"));
						});
						//如果关闭所有 ，即将所有的lay-id放进数组，执行tabDeleteAll
						active.tabDeleteAll(ids);
					}
					$('.rightmenu').hide(); //最后再隐藏右键菜单
				});

				function iframeWH() {
					var H = $(window).height() - 120;
					$("iframe").css("height", H + "px");
				}
				$(window).resize(function() {
					iframeWH();
				});
			});
		</script>
	</body>
</html>
